<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>


<!DOCTYPE html>
<html lang="en">
<head>
    <base href="<%=basePath%>">

    <!-- jsp文件头和头部 -->
    <%@ include file="/WEB-INF/jsp/system/admin/top.jsp" %>
    <script type="text/javascript" src="static/js/myjs/head.js"></script>
    <script type="text/javascript">
    </script>
    <style>
        .titleClass{
            padding: 10px 30px 10px 30px;
            width: 93%;
        }
        .FirstDivClass{
            border-top:2px solid #efefef ;
            padding: 10px 30px 10px 30px;
            _height:10px;
            min-height:10px;
            width: 93%;
        }

        .SecThreeDivNoBor{
            border-top:0px solid #efefef ;
            padding: 10px 30px 10px 30px;
            _height:10px;
            min-height:10px;
            width: 93%;
        }
        .SecThreeDivNoBor div{
            float: left;
            width: 31%;
        }
        .SecThreeDivNoBor p{
            text-align: left;
            text-indent:33%
        }
        .SecTwoDivNoBor{
            border-top:0px solid #efefef ;
            padding: 10px 30px 10px 30px;
            _height:10px;
            min-height:10px;
            width: 100%;
        }
        .SecTwoDivNoBor div{
            float: left;
            width: 25%;
        }
        .SecTwoDivNoBor p{
            text-align: left;
            text-indent:22.5%
        }
        .clear{
            clear:both;
        }
    </style>
</head>
<body>
    <div class="container-fluid" id="main-container">
        <div id="page-content" class="clearfix">
            <div class="row-fluid">
                <div class="titleClass">
                    借款申请查询 > 借款详情
                </div>
                <%--借款人信息--%>
                <div class="FirstDivClass">
                    <b>借款人信息:</b><br/>
                    <div class="SecThreeDivNoBor">
                        <div>
                            <p>姓名:</p>
                            <p>年龄:</p>
                            <p>学历:</p>
                        </div>
                        <div>
                            <p>身份证:</p>
                            <p>出生年月:</p>
                            <p>家庭固话:</p>
                        </div>
                        <div>
                            <p>婚姻状况:</p>
                            <p>联系电话:</p>
                            <p>联系邮件:</p>
                        </div>
                    </div>
                    <div class="SecTwoDivNoBor" >
                        <div>
                            <p>原籍地址:</p>
                        </div>
                        <div>
                            <p>现居地址:</p>
                        </div>
                    </div>
                </div>
                <div class="clear"/>
                <%--借款人职业信息--%>
                <div class="FirstDivClass">
                    <b>借款人职业信息:</b><br/>
                    <div class="SecTwoDivNoBor" >
                        <div>
                            <p>公司名称:</p>
                            <p>公司电话:</p>
                        </div>
                        <div>
                            <p>公司地址:</p>
                            <p>所在公司职位:</p>
                        </div>
                        <div>
                            <p>公司名称:</p>
                            <p>公司电话:</p>
                        </div>
                        <div>
                            <p>公司名称:</p>
                            <p>公司电话:</p>
                        </div>
                    </div>
                </div>
                <div class="clear"/>
                <%--借款人联系人信息--%>
                <div class="FirstDivClass">
                    <b>借款人联系人信息:</b>
                    <span style="float:right; padding-right:15%;text-align: right; text-indent: 22%">
                        借款复印件:
                        <a href="javascript:(0);">查看请下载压缩包</a>
                    </span>
                    <br/>
                    <br/>
                    <table id="table_report" class="table table-striped table-bordered table-hover">
                        <thead>
                            <tr style="text-align: center">
                                <th>联系人类别</th>
                                <th>姓名</th>
                                <th>关系</th>
                                <th>联系人单位</th>
                                <th>单位固话</th>
                                <th>联系人住址</th>
                            </tr>
                        </thead>
                        <tbody id="gridBody">
                            <c:choose>
                                <c:when test="${not empty resultList}">
                                    <c:forEach items="${resultList}" var="var" varStatus="vs">
                                        <tr style="text-align: center">
                                            <td><c:if test="${ 'null' ne var.userName }">${var.userName}</c:if></td>
                                            <td><c:if test="${ 'null' ne var.realName }">${var.realName }</c:if></td>
                                            <td><c:if test="${ 'null' ne var.idCard }">${var.idCard }</c:if></td>
                                            <td><c:if test="${ 'null' ne var.mobile }">${var.mobile }</c:if></td>
                                            <td><c:if test="${ 'null' ne var.createTime }">${var.createTime }</c:if></td>
                                            <td><c:if test="${ 'null' ne var.createTime }">${var.createTime }</c:if></td>
                                        </tr>
                                    </c:forEach>
                                </c:when>
                                <c:otherwise>
                                    <tr class="main_info">
                                        <td colspan="100" class="center">没有相关数据</td>
                                    </tr>
                                </c:otherwise>
                            </c:choose>
                        </tbody>
                    </table>
                </div>
                <div class="clear"/>
                <%--借款信息--%>
                <div class="FirstDivClass">
                    <b>借款信息:</b><br/>
                    <div class="SecThreeDivNoBor">
                        <div>
                            <p>业务单号：</p>
                            <p>借款金额：</p>
                            <p>还款方式：</p>
                        </div>
                        <div>
                            <p>借款类别：</p>
                            <p>受理网点：</p>
                            <p>借款利率：</p>
                        </div>
                        <div>
                            <p>借款时长：</p>
                            <p>借款申请时间：</p>
                            <p>借款次数：</p>
                        </div>
                    </div>
                    <div class="SecTwoDivNoBor" >
                        <div>
                            <p>借款状态：</p>
                            <p>受理信贷员经理：</p>
                        </div>
                    </div>
                    <div style="width: 93%;text-indent:13% ;">
                       <p>借款标标题：</p>
                    </div>
                    <div style="width: 93%; text-indent:13% ;">
                        <p>借款备注：</p>
                    </div>
                </div>
                <div class="clear"/>
                <%--审批信息--%>
                <div class="FirstDivClass">
                    <b>审批信息:</b><br/>
                    <div class="SecTwoDivNoBor" >
                        <div>
                            <p>终审人员：</p>
                            <p>信息咨询费：</p>
                            <p>风险准备金：</p>
                        </div>
                        <div>
                            <p>审批金额：</p>
                            <p>信息服务费：</p>
                            <p>审批通过时间：</p>
                        </div>
                    </div>
                </div>
                <div class="clear"/>
                <%--合同信息--%>
                <div class="FirstDivClass">
                    <b>合同信息:</b><br/>
                    <div class="SecTwoDivNoBor" >
                        <div>
                            <p>合同编号：</p>
                            <p>合同状态：</p>
                        </div>
                        <div>
                            <p>合同金额：</p>
                            <p>合同签署时间：</p>
                        </div>
                    </div>
                </div>
                <div class="clear"/>
                <%--打款信息--%>
                <div class="FirstDivClass">
                    <b>打款信息:</b><br/>
                    <div class="SecTwoDivNoBor" >
                        <div>
                            <p>打款交易号：</p>
                            <p>打款状态：</p>
                            <p>收款人：</p>
                        </div>
                        <div>
                            <p>打款金额：</p>
                            <p>打款时间：</p>
                            <p>收款人账号：</p>
                        </div>
                    </div>
                </div>
                <div class="clear"/>
                <%--借款人相关附件--%>
                <div class="FirstDivClass">
                    <b>借款人相关附件:</b><br/>
                    <div class="SecThreeDivNoBor">
                        <div>
                            <p>身份证正面：<a href="javascript:(0);">点击查看</a></p>
                            <p>房产证：<a href="javascript:(0);">点击查看</a></p>
                            <p>公司营业执照：<a href="javascript:(0);">点击查看</a></p>
                            <p>学历证书：<a href="javascript:(0);">点击查看</a></p>
                        </div>
                        <div>
                            <p>身份证反面：<a href="javascript:(0);">点击查看</a></p>
                            <p>车产证：<a href="javascript:(0);">点击查看</a></p>
                            <p>收入证明：<a href="javascript:(0);">点击查看</a></p>
                            <p>学位证书：<a href="javascript:(0);">点击查看</a></p>
                        </div>
                        <div>
                            <p>户口簿：<a href="javascript:(0);">点击查看</a></p>
                            <p>活体照片：<a href="javascript:(0);">点击查看</a></p>
                            <p>工作证：<a href="javascript:(0);">点击查看</a></p>
                            <p>职业资格证书：<a href="javascript:(0);">点击查看</a></p>
                        </div>
                    </div>
                </div>
                <div class="clear"/>
                <div class="FirstDivClass" style="text-align: center; padding-top: 3%;text-indent:-12%"><button type="button" class="btn btn-primary" onclick="window.history.back()">返回列表</button></div>
            </div>
        </div>
    </div>
</body>
</html>
